Endringer

• Opprettet SongList-komponent
• Viser alle sanger fra sanglisten
• Hver sang kan velges med en knapp
• La til onSelectSong som callback-prop
• Callbacken sender valgt Song tilbake til komponentens forelder
• Bruker sangens id som React key

Test

• npm run lint fungerer uten feil
• npm run build fungerer uten feil
• Alle sangene vises i oversikten når man kjører appen med npm run dev etter du har byttet ut innholdet (midlertidig) i app.tsx med dette:

import { Navigation } from './components/Navigation'
import { SongCard } from './components/SongCard'
import { SongList } from './components/SongList'
import { songs } from './data/songs'

function App() {
  const handleSelectSong = (song: (typeof songs)[number]) => {
    console.log('Valgt sang:', song)
  }

  return (
    <main>
      <SongCard song={songs[0]} />
      <Navigation isFirst={true} isLast={false} />
      <SongList songs={songs} onSelectSong={handleSelectSong} />
    </main>
  )
}

export default App

• Åpne Developer Tools og så Console. Klikk på en sang, dette vil trigge callbacken og viser valgt sang i konsollen
• Fjern endringen i app.tsx igjen, tilbake til det som var der fra før

Closes #10